<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
    <style>li {list-style:none;}
    </style>
    {% block css %}{% endblock %}
</head>
    <div class="container" style="background:#F8F8F8">

        {% include 'header.html' %}

        <div>
            <div style="float:left;width:78%;">
                {% block left %}{% endblock %}
            </div>
            <div style="float:right;width:20%;">
                {% include 'right.html' %}
            </div>
        </div>

        {% include 'footer.html' %}
    </div>
    <script src="/static/js/jQuery-3.6.0-min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    {% block js %}{% endblock %}
</body>
</html>